<template>
	<view class="order" style="background-color: #F5F5F5;">
		<!-- <view v-if="hasLogin"> -->
		<!-- 导航 -->
		<u-navbar back-text="立即评价" :back-text-style="textStyle" back-icon-color="#000000" style="font-weight: bold;font-family: PingFang SC;"></u-navbar>
		<view style="width: 95%;margin:20rpx auto;background-color: white;padding-bottom: 12rpx;border-radius: 20rpx;">
			<view style="color: #000000;font-size: 30rpx;line-height: 70rpx;padding-left: 15rpx;">您对商家满意吗？</view>
			<view style="width: 100%;height: 0px;border: 2rpx solid #E4E4E4;opacity: 0.5;"></view>
			<view style="width: 93%;margin: auto;padding: 30rpx 0rpx 22rpx 0rpx;">
				<view style="display: flex;align-items: center;">
					<image style="width: 38rpx;height: 38rpx;" :src="infoDetail.entPortrait"></image>
					<view
						style="color: #3F3F3F;font-size: 30rpx;margin-left:10rpx ;width: 80%;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;"
					>
						{{ infoDetail.entName }}
					</view>
				</view>
				<view style="display: flex;padding-top: 28rpx">
					<image style="width: 126rpx;height: 126rpx;" :src="infoDetail.cover"></image>
					<view style="width: 75%;margin-left: 26rpx;">
						<view
							style="color: #000000;font-size: 26rpx;margin-top: -5rpx;width: 100%;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;"
						>
							{{ infoDetail.businessName }}
						</view>
						<view style="color: #979797;font-size: 26rpx;padding-top: 28rpx;">购买数量：{{ infoDetail.amont }}</view>
						<view style="color: #979797;font-size: 26rpx;">金额：{{ infoDetail.totalPay }}元</view>
					</view>
				</view>
				<!-- <view v-else-if="taocan.chageType != 5" style="display: flex;padding-top: 28rpx">
					<image style="width: 126rpx;height: 126rpx;" :src="employee.portrait"></image>
					<view style="width: 75%;margin-left: 26rpx;">
						<view
							style="color: #000000;font-size: 26rpx;margin-top: -5rpx;width: 100%;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;"
						>
							{{ employee.name }}
						</view>
						<view style="color: #979797;font-size: 26rpx;padding-top: 28rpx;">时长：3小时</view>
						<view style="color: #979797;font-size: 26rpx;">{{ employee.univalence }}{{ employee.univalenceUnit }}</view>
					</view>
				</view> -->
			</view>
			<view style="width: 100%;height: 0px;border: 2rpx solid #E4E4E4;opacity: 0.5;"></view>
			<view style="width: 95%;margin: auto;display: flex;align-items: center;padding: 20rpx 0rpx;">
				<view style="font-size: 30rpx;color: #3F3F3F;margin-right: 10rpx;">整体评价：</view>
				<!-- <view v-if="nowId == ''" style="display: flex;width: 40%;align-items: center;">
					<image @tap="star_choose(1)" style="width: 38rpx;height: 38rpx;margin-right:14rpx;" src="../../static/gx_img/star_bg.png"></image>
					<image @tap="star_choose(2)" style="width: 38rpx;height: 38rpx;margin-right:14rpx;" src="../../static/gx_img/star_bg.png"></image>
					<image @tap="star_choose(3)" style="width: 38rpx;height: 38rpx;margin-right:14rpx;" src="../../static/gx_img/star_bg.png"></image>
					<image @tap="star_choose(4)" style="width: 38rpx;height: 38rpx;margin-right:14rpx;" src="../../static/gx_img/star_bg.png"></image>
					<image @tap="star_choose(5)" style="width: 38rpx;height: 38rpx;" src="../../static/gx_img/star_bg.png"></image>
				</view> -->
				<view v-if="form.score == 1" style="display: flex;width: 40%;align-items: center;">
					<image @tap="star_choose(1)" style="width: 38rpx;height: 38rpx;margin-right:14rpx;" src="../../static/gx_img/star_1.png"></image>
					<image @tap="star_choose(2)" style="width: 38rpx;height: 38rpx;margin-right:14rpx;" src="../../static/gx_img/star_bg.png"></image>
					<image @tap="star_choose(3)" style="width: 38rpx;height: 38rpx;margin-right:14rpx;" src="../../static/gx_img/star_bg.png"></image>
					<image @tap="star_choose(4)" style="width: 38rpx;height: 38rpx;margin-right:14rpx;" src="../../static/gx_img/star_bg.png"></image>
					<image @tap="star_choose(5)" style="width: 38rpx;height: 38rpx;" src="../../static/gx_img/star_bg.png"></image>
				</view>
				<view v-if="form.score  == 2" style="display: flex;width: 40%;align-items: center;">
					<image @tap="star_choose(1)" style="width: 38rpx;height: 38rpx;margin-right:14rpx;" src="../../static/gx_img/star_2.png"></image>
					<image @tap="star_choose(2)" style="width: 38rpx;height: 38rpx;margin-right:14rpx;" src="../../static/gx_img/star_2.png"></image>
					<image @tap="star_choose(3)" style="width: 38rpx;height: 38rpx;margin-right:14rpx;" src="../../static/gx_img/star_bg.png"></image>
					<image @tap="star_choose(4)" style="width: 38rpx;height: 38rpx;margin-right:14rpx;" src="../../static/gx_img/star_bg.png"></image>
					<image @tap="star_choose(5)" style="width: 38rpx;height: 38rpx;" src="../../static/gx_img/star_bg.png"></image>
				</view>
				<view v-if="form.score  == 3" style="display: flex;width: 40%;align-items: center;">
					<image @tap="star_choose(1)" style="width: 38rpx;height: 38rpx;margin-right:14rpx;" src="../../static/gx_img/star_3.png"></image>
					<image @tap="star_choose(2)" style="width: 38rpx;height: 38rpx;margin-right:14rpx;" src="../../static/gx_img/star_3.png"></image>
					<image @tap="star_choose(3)" style="width: 38rpx;height: 38rpx;margin-right:14rpx;" src="../../static/gx_img/star_3.png"></image>
					<image @tap="star_choose(4)" style="width: 38rpx;height: 38rpx;margin-right:14rpx;" src="../../static/gx_img/star_bg.png"></image>
					<image @tap="star_choose(5)" style="width: 38rpx;height: 38rpx;" src="../../static/gx_img/star_bg.png"></image>
				</view>
				<view v-if="form.score  == 4" style="display: flex;width: 40%;align-items: center;">
					<image @tap="star_choose(1)" style="width: 38rpx;height: 38rpx;margin-right:14rpx;" src="../../static/gx_img/star_4.png"></image>
					<image @tap="star_choose(2)" style="width: 38rpx;height: 38rpx;margin-right:14rpx;" src="../../static/gx_img/star_4.png"></image>
					<image @tap="star_choose(3)" style="width: 38rpx;height: 38rpx;margin-right:14rpx;" src="../../static/gx_img/star_4.png"></image>
					<image @tap="star_choose(4)" style="width: 38rpx;height: 38rpx;margin-right:14rpx;" src="../../static/gx_img/star_4.png"></image>
					<image @tap="star_choose(5)" style="width: 38rpx;height: 38rpx;" src="../../static/gx_img/star_bg.png"></image>
				</view>
				<view v-if="form.score  == 5" style="display: flex;width: 40%;align-items: center;">
					<image @tap="star_choose(1)" style="width: 38rpx;height: 38rpx;margin-right:14rpx;" src="../../static/gx_img/star_5.png"></image>
					<image @tap="star_choose(2)" style="width: 38rpx;height: 38rpx;margin-right:14rpx;" src="../../static/gx_img/star_5.png"></image>
					<image @tap="star_choose(3)" style="width: 38rpx;height: 38rpx;margin-right:14rpx;" src="../../static/gx_img/star_5.png"></image>
					<image @tap="star_choose(4)" style="width: 38rpx;height: 38rpx;margin-right:14rpx;" src="../../static/gx_img/star_5.png"></image>
					<image @tap="star_choose(5)" style="width: 38rpx;height: 38rpx;" src="../../static/gx_img/star_5.png"></image>
				</view>

				<view style="font-size: 26rpx;color: #000000;margin-left: 17rpx;">{{ sore }}</view>
			</view>
			<view style="width: 95%;margin: auto;background-color:#FAFAFA ;padding: 20rpx  0rpx;">
				<scroll-view scroll-y="true" style="width: 100%;margin: auto;border-radius: 0px 0px 10px 10px;">
					<textarea
						id="border"
						value=""
						style="line-height:45rpx ;width: 93%;margin: auto;"
						maxlength="150"
						placeholder-style="color:'#AAAAAA';font-size:'26rpx'"
						placeholder="请描述对此次服务的评价，帮助更多需要此服务的人~"
						v-model="form.comments"
					/>
				</scroll-view>
				<view style="width: 93%;margin: auto;text-align: right;color: #828282;font-size: 26rpx;">{{ form.comments.length }}/150</view>
				<view style="display: flex;width: 93%;margin:22rpx auto;">
					<!--  -->
					<view class="item" v-for="(item, index) in imgList" style="width: 126rpx;height: 126rpx;position: relative;margin-right: 46rpx;" :key="index">
						<!--  -->
						<image :src="item" style="width: 126rpx;height: 126rpx;"  mode="aspectFill"></image>
						<image
							class="no"
							style="width: 36rpx;height: 36rpx;position: absolute;top: -10rpx;right: -20rpx;"
							src="../../static/gx_img/delet.png"
							mode=""
							@click="del(index)"
						></image>
					</view>
					<view @click="unphoto()" style="width: 126rpx;height: 126rpx;border: 1rpx solid #CBCBCB;text-align: center;">
						<image style="width: 58rpx;height: 52rpx;margin-top: 15rpx;" src="../../static/gx_img/zxj.png"></image>
						<view style="font-size: 26rpx;color: #828282;text-align: center;">添加照片</view>
					</view>
				</view>
			</view>
		</view>
		<view style="width: 95%;margin: auto;background-color: white;padding-bottom: 32rpx;border-radius: 20rpx;">
			<view style="color: #3F3F3F;font-size: 30rpx;line-height: 70rpx;padding-left: 15rpx;">您对服务人员满意吗？</view>
			<view style="width: 100%;height: 0px;border: 2rpx solid #E4E4E4;opacity: 0.5;"></view>
			<view style="width:93% ;margin: auto;display: flex;padding-top: 32rpx;" v-for="(item, index) in employeesList">
				<image style="width: 104rpx;height: 104rpx;border-radius: 50%;" mode="aspectFill" :src="item.employeeImage"></image>
				<view style="margin-left: 20rpx;">
					<view style="color: #7A7A7A;font-size: 30rpx;line-height: 30px;">{{ item.employeeName }}</view>
					<!-- <view v-if="item.score =='' " style="display: flex;align-items: center;">
						<image @tap="star_chooseList(index, 1)" style="width: 38rpx;height: 38rpx;margin-right:14rpx;" src="../../static/gx_img/star_bg.png"></image>
						<image @tap="star_chooseList(index, 2)" style="width: 38rpx;height: 38rpx;margin-right:14rpx;" src="../../static/gx_img/star_bg.png"></image>
						<image @tap="star_chooseList(index, 3)" style="width: 38rpx;height: 38rpx;margin-right:14rpx;" src="../../static/gx_img/star_bg.png"></image>
						<image @tap="star_chooseList(index, 4)" style="width: 38rpx;height: 38rpx;margin-right:14rpx;" src="../../static/gx_img/star_bg.png"></image>
						<image @tap="star_chooseList(index, 5)" style="width: 38rpx;height: 38rpx;" src="../../static/gx_img/star_bg.png"></image>
					</view> -->
					<view style="display: flex;">
						<view>
							<view v-if="item.score ==1" style="display: flex;align-items: center;">
								<image @tap="star_chooseList(index, 1)" style="width: 38rpx;height: 38rpx;margin-right:14rpx;" src="../../static/gx_img/star_1.png"></image>
								<image @tap="star_chooseList(index, 2)" style="width: 38rpx;height: 38rpx;margin-right:14rpx;" src="../../static/gx_img/star_bg.png"></image>
								<image @tap="star_chooseList(index, 3)" style="width: 38rpx;height: 38rpx;margin-right:14rpx;" src="../../static/gx_img/star_bg.png"></image>
								<image @tap="star_chooseList(index, 4)" style="width: 38rpx;height: 38rpx;margin-right:14rpx;" src="../../static/gx_img/star_bg.png"></image>
								<image @tap="star_chooseList(index, 5)" style="width: 38rpx;height: 38rpx;" src="../../static/gx_img/star_bg.png"></image>
							</view>
							<view v-if="item.score ==2" style="display: flex;align-items: center;">
								<image @tap="star_chooseList(index, 1)" style="width: 38rpx;height: 38rpx;margin-right:14rpx;" src="../../static/gx_img/star_2.png"></image>
								<image @tap="star_chooseList(index, 2)" style="width: 38rpx;height: 38rpx;margin-right:14rpx;" src="../../static/gx_img/star_2.png"></image>
								<image @tap="star_chooseList(index, 3)" style="width: 38rpx;height: 38rpx;margin-right:14rpx;" src="../../static/gx_img/star_bg.png"></image>
								<image @tap="star_chooseList(index, 4)" style="width: 38rpx;height: 38rpx;margin-right:14rpx;" src="../../static/gx_img/star_bg.png"></image>
								<image @tap="star_chooseList(index, 5)" style="width: 38rpx;height: 38rpx;" src="../../static/gx_img/star_bg.png"></image>
							</view>
							<view v-if="item.score ==3" style="display: flex;align-items: center;">
								<image @tap="star_chooseList(index, 1)" style="width: 38rpx;height: 38rpx;margin-right:14rpx;" src="../../static/gx_img/star_3.png"></image>
								<image @tap="star_chooseList(index, 2)" style="width: 38rpx;height: 38rpx;margin-right:14rpx;" src="../../static/gx_img/star_3.png"></image>
								<image @tap="star_chooseList(index, 3)" style="width: 38rpx;height: 38rpx;margin-right:14rpx;" src="../../static/gx_img/star_3.png"></image>
								<image @tap="star_chooseList(index, 4)" style="width: 38rpx;height: 38rpx;margin-right:14rpx;" src="../../static/gx_img/star_bg.png"></image>
								<image @tap="star_chooseList(index, 5)" style="width: 38rpx;height: 38rpx;" src="../../static/gx_img/star_bg.png"></image>
							</view>
							<view v-if="item.score ==4" style="display: flex;align-items: center;">
								<image @tap="star_chooseList(index, 1)" style="width: 38rpx;height: 38rpx;margin-right:14rpx;" src="../../static/gx_img/star_4.png"></image>
								<image @tap="star_chooseList(index, 2)" style="width: 38rpx;height: 38rpx;margin-right:14rpx;" src="../../static/gx_img/star_4.png"></image>
								<image @tap="star_chooseList(index, 3)" style="width: 38rpx;height: 38rpx;margin-right:14rpx;" src="../../static/gx_img/star_4.png"></image>
								<image @tap="star_chooseList(index, 4)" style="width: 38rpx;height: 38rpx;margin-right:14rpx;" src="../../static/gx_img/star_4.png"></image>
								<image @tap="star_chooseList(index, 5)" style="width: 38rpx;height: 38rpx;" src="../../static/gx_img/star_bg.png"></image>
							</view>
							<view v-if="item.score ==5" style="display: flex;align-items: center;">
								<image @tap="star_chooseList(index, 1)" style="width: 38rpx;height: 38rpx;margin-right:14rpx;" src="../../static/gx_img/star_5.png"></image>
								<image @tap="star_chooseList(index, 2)" style="width: 38rpx;height: 38rpx;margin-right:14rpx;" src="../../static/gx_img/star_5.png"></image>
								<image @tap="star_chooseList(index, 3)" style="width: 38rpx;height: 38rpx;margin-right:14rpx;" src="../../static/gx_img/star_5.png"></image>
								<image @tap="star_chooseList(index, 4)" style="width: 38rpx;height: 38rpx;margin-right:14rpx;" src="../../static/gx_img/star_5.png"></image>
								<image @tap="star_chooseList(index, 5)" style="width: 38rpx;height: 38rpx;" src="../../static/gx_img/star_5.png"></image>
							</view>
							
						</view>
						<view style="font-size: 26rpx;color: #000000;margin-left: 17rpx;">{{ item.scores }}</view>
					</view>
					
					
					
				</view>
			</view>
		</view>
		<view style="height: 100rpx;"></view>
		<view class="footer">
			<view class="foot_mon"><u-button type="warning" shape="circle" @click="fabu()">发布评价</u-button></view>
		</view>
		<u-toast ref="uToast" />
	</view>
</template>

<script>
export default {
	data() {
		return {
			icons: ['thumb-down-fill', 'thumb-down-fill', 'thumb-up-fill', 'thumb-up-fill'],
			background: {
				backgroundColor: '#fca800'
			},
			tabs: [
				{
					name: '',
					type: 'em'
				},
				{
					name: '待确认',
					type: 'package'
				},
				{
					name: '待支付',
					type: 'ez'
				},
				{
					name: '待服务',
					type: 'ef'
				},
				{
					name: '服务中',
					type: 'ew'
				},
				{
					name: '投诉中',
					type: 'et'
				},
				{
					name: '待评价',
					type: 'ep'
				}
			],
			form:{
				orderId:'',
				score:5,
				comments:'',
				images:[],
				employees:[],
			},
			sore:"非常满意",
			count: 5,
			value: 0,
			rSelect: [],
			infoArr: [
				{
					id: 1,
					name: '家政'
				},
				{
					id: 2,
					name: '开锁'
				},
				{
					id: 3,
					name: '搬家'
				},
				{
					id: 4,
					name: 'haha'
				}
			],
			chargeType:"",
			imgList: [],
			employee: '',
			tags: '',
			entName: '',
			entPortrait: '',
			rates: '',
			image_array: [],
			appraiseTagId: [],
			taocan: '',
			star_type: 0,
			star_heart: '',
			starspj: [],
			infoDetail:{},//详情
			employeesList:[],//员工数组
		};
	},
	onLoad(option) {
		// this.orderId = 1000048;
		this.form.orderId = option.orderId;
		this.getNewOrders();
	},
	methods: {
		star_choose(id) {
			this.form.score=id;
			switch (id) {
				case 0:   
					this.sore = '';
					break;
				case 1:
					this.sore = '极差';
					break;
				case 2:
					this.sore= '差';
					break;
				case 3:
					this.sore = '一般';
					break;
				case 4:
					this.sore = '满意';
					break;
				default:
					this.sore = '非常满意';
			}
		},
		star_chooseList(index, id) {
			this.employeesList[index].score=id;
			switch (id) {
				// case 0:   
				// 	this.list[index].sore = '';
				// 	this.list[index].nowId='';
				// 	break;
				case 1:
					this.employeesList[index].scores = '极差';
					break;
				case 2:
					this.employeesList[index].scores = '差';
					break;
				case 3:
					this.employeesList[index].scores = '一般';
					break;
				case 4:
					this.employeesList[index].scores = '满意';
					break;
				default:
					this.employeesList[index].scores = '非常满意';
			}
	
		},
		unphoto() {
			var _this = this;
			if (this.imgList.length < 6) {
				var _this = this;
				uni.chooseImage({
					count: 6,
					success: function(res) {
						var arr = [];
						for (var i in res.tempFilePaths) {
							_this.imgList.push(res.tempFilePaths[i]);
						}
						if (res.tempFilePaths.length > 6) {
							uni.showToast({
								icon: 'none',
								title: '最多上传6张图片',
								duration: 1000
							});
						}
					}
				});
			} else {
				uni.showToast({
					icon: 'none',
					title: '最多上传6张图片',
					duration: 1000
				});
			}
		},
		del(index) {
			uni.showModal({
				title: '提示',
				content: '是否要删除该图片',
				success: res => {
					if (res.confirm) {
						this.imgList.splice(index, 1);
					}
				}
			});
		},
		// 获取月服务订单
		getNewOrders(){
			var _this = this;
			let opts = {
				way: true, //true JSON请求；false 表单请求
				method: 'post',
				url: 'orders/appraise/info/v2'
			};
			let data = {
				orderId: _this.form.orderId
			};
			_this.http.httpTokenRequest(opts, data).then(res => {
				var arr=res.data.employee;
				arr.forEach((item)=>{
					item.score=5
					item.scores="非常满意"
				});
				_this.employeesList=arr;
				_this.infoDetail=res.data;
			});
		},
		fabu() {
			var _this = this;
			if (_this.imgList.length > 0) {
				_this.image_array = [];
				for (let k = 0; k < _this.imgList.length; k++) {
					uni.uploadFile({
						url: this.http.baseUrl + '/common/upload/batch',
						filePath: _this.imgList[k],
						name: 'file',
						fileType: 'image',
						success: res => {
							let url_href = JSON.parse(res.data).data[0];
							_this.image_array.push(url_href);
							if (_this.image_array.length == _this.imgList.length) {
								uni.hideLoading({
									title: '上传成功'
								});
								_this.promotion();
							}
						}
					});
				}
			} else {
				_this.promotion();
			}
		},
		promotion() {
			var _this = this;
			let opts = {
				way: true, //true JSON请求；false 表单请求
				method: 'post',
				url: 'orders/add/appraise'
			};
			let data = {
				orderId: _this.form.orderId,
				score: _this.form.score,
				comments: _this.form.comments,
				images: _this.image_array,
				employees:_this.employeesList
			};
			_this.http.httpTokenRequest(opts, data).then(res => {
				if (res.code == 200) {
					_this.$refs.uToast.show({
						title: res.message,
						type: 'success'
					});
					let pages = getCurrentPages();  //获取所有页面栈实例列表
					let prevPage = pages[ pages.length - 2 ];  //上一页页面实例
					prevPage.$vm.isMade = 1;
					setTimeout(function() {
						uni.navigateBack({
							delta: 1
						});
					}, 500);
				} else {
					_this.$refs.uToast.show({
						title: res.message,
						type: 'error'
					});
				}
			});
		}
	}
};
</script>

<style scoped lang="scss">
/* 导航 */
.shop {
	// box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);margin: 36rpx 28rpx 0 26rpx;
	// border-radius: 10rpx;
}
page {
	background-color: #f5f5f5;
}

.shop_name {
	display: flex;
	align-items: center;
}

.shop_name image {
	width: 52rpx;
	height: 52rpx;
	margin-right: 20rpx;
}

.line {
	border: 4rpx solid #e4e4e4;
}

.allorder {
	padding: 15rpx 40rpx 12rpx 40rpx;
}

.orders {
	display: flex;
}

.orders .order_img {
	width: 176rpx;
	height: 258rpx;
}

.person {
	padding-left: 30rpx;
	width: 520rpx;
}

.usern {
	font-size: 30rpx;
	color: #656565;
	font-weight: 500;
}
.fenshu {
	display: flex;
	align-items: center;
	// padding-top: 14rpx;
}

.rates {
	color: #f29423;
	font-size: 22rpx;
	margin-left: 12rpx;
	background-color: #fff6eb;
	padding: 2rpx 10rpx;
	border-radius: 20rpx;
}

.style {
	padding-top: 8rpx;
	font-size: 26rpx;
	color: #3f3f3f;
	font-weight: 500;
}

.pad {
	padding-left: 18rpx;
}

.foot {
	padding: 4rpx 40rpx 160rpx 40rpx;
	font-family: PingFang SC;
}

.foot_name {
	display: flex;
	justify-content: space-between;
	padding-top: 30rpx;
	font-size: 26rpx;
	font-weight: 500;
}

.lei {
	color: #3f3f3f;
	font-weight: 500;
}

.footer {
	// position: fixed;
	// z-index: 99;
	// bottom: 0;
	width: 100%;
	// background: #FFFFFF;
	opacity: 1;
}

.foot_mon {
	text-align: center;
	padding: 38rpx 54rpx 32rpx 54rpx;
}

.write {
	font-size: 32rpx;
	font-weight: 500;
	margin-bottom: 22rpx;
}

.write text {
	font-size: 40rpx;
	color: #fca800;
}

.goodAt {
	display: flex;
	flex-wrap: wrap;
	font-size: 22rpx;
	color: #f29423;
}

.leis {
	border: 1px solid #f29423;
	padding: 6rpx 10rpx;
	margin: 12rpx 12rpx 0 0;
	border-radius: 10rpx;
}
.texs {
	padding: 26rpx 20rpx;
}
.service {
	padding: 8rpx 18rpx;
	color: #979797;
	font-size: 26rpx;
	margin-right: 38rpx;
	border-radius: 10rpx;
	margin: 5rpx 20rpx 5rpx 0;
	background-color: #f2f2f2;
}
.cur {
	color: #ffffff;
	background-color: #fca800;
	// border: 1px solid #FCA800 !important;
}
#border {
	width: 650rpx;
	height: 280rpx;
	font-size: 26rpx;
}
.choose {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	.item {
		width: 184rpx;
		height: 184rpx;
		position: relative;
		margin-right: 30rpx;
		margin-top: 20rpx;
		image {
			width: 100%;
			height: 100%;
		}
		.no {
			width: 30rpx;
			height: 30rpx;
			position: absolute;
			top: -15rpx;
			right: -15rpx;
		}
	}
}
.xiuxiu {
	display: flex;
	align-items: center;
}
.xiuer {
	margin-top: 35%;
	color: #cbcbcb;
	font-size: 26rpx;
}
</style>
